<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>慕课网</title>
    <link rel="stylesheet" href="css/main.css" type="text/css" />
    <script src="js/myfocus-2.0.1.min.js" type="text/javascript"></script>
    <script src="js/mf-pattern/mF_fancy.js" type="text/javascript"></script>
    <link rel="stylesheet" href="js/mf-pattern/mF_fancy.css" type="text/css"/>
    <script type="text/javascript">
        myFocus.set({
            id:'picbox'
        })
    </script>
</head>
<body>
<div id="container">
    <div id="nav_top">
        <img src="http://img.mukewang.com/53edadad0001efe202000070.jpg" alt="慕课网"/>
        <div class="nav_top_text">
            <ul>
                <li><a href="#">首页</a></li>
                <li><a href="#">产品特色</a></li>
                <li><a href="#">解决方案</a></li>
                <li><a href="#">产品价格</a></li>
                <li><a href="#">帮助中心</a></li>
                <li><a href="#">关于我们</a></li>
            </ul>
        </div>
    </div><!--nav_top结束-->
    <div class="ad" id="picbox">
        <div class="loading">
            <img src="images/loading.gif" alt="图片加载中"/>
        </div>
        <div class="pic"><!--内容列表(li数目可随意增减)-->
            <ul>
                <li><a href="#"><img src="http://img.mukewang.com/53edad3e0001afad10000318.jpg" /></a></li>
                <li><a href="#"><img src="http://img.mukewang.com/53edad2c0001b61310000314.jpg" /></a></li>
                <li><a href="#"><img src="http://img.mukewang.com/53edad1600019ae910000310.jpg" /></a></li>
            </ul>
        </div>
    </div><!--ad结束-->
<!--    <div class="ad" id="picbox">
       <div class="pic">
           <ul>
               <li><a href="#"><img src="http://img.mukewang.com/53edad3e0001afad10000318.jpg" alt=""/></a></li>
               <li><a href="#"><img src="http://img.mukewang.com/53edad2c0001b61310000314.jpg" alt=""/></a></li>
               <li><a href="#"><img src="http://img.mukewang.com/53edad1600019ae910000310.jpg" alt=""/></a></li>
           </ul>
       </div>
    </div><!--picbox结束&ndash;&gt;-->
    <div id="nav_mid">
        <ul>
            <li><a href="#">滚动新闻1</a></li>
            <li><a href="#">滚动新闻2</a></li>
            <li><a href="#">滚动新闻3</a></li>
            <li><a href="#">滚动新闻4</a></li>

        </ul>
    </div><!--nav_mid结束-->
    <div id="pic">
        <div class="pic_img">
            <img src="images/1.jpg" alt=""/>
            <img src="images/2.jpg" alt="" class="pic_img2"/>
            <img src="images/3.jpg" alt=""/>
        </div>
        <div class="pic_text">
            <h2><a href="#">玩转bookstrack</a></h2>
            <h2 class="pic_text2"><a href="#">企业网站案例</a></h2>
            <h2><a href="#">jacascript基础</a></h2>
        </div>
    </div>
    <div id="content">
        <div class="content_left">
            <div class="content_title">
                <h2>新闻中心</h2><span><a href="#">more</a></span>
            </div>
            <div class="content_news">
                <div>
                    <span>8月23日</span>
                    <h2><a href="#">公司新闻</a></h2>
                    <p>苏州有楼盘9个月房价翻倍 开发商称涨价有理有据</p>
                </div>
                <div class="content_news2">
                    <span>8月23日</span>
                    <h2><a href="#">公司新闻</a></h2>
                    <p>苏州有楼盘9个月房价翻倍 开发商称涨价有理有据</p>
                </div>
                <div>
                    <span>8月23日</span>
                    <h2><a href="#">公司新闻</a></h2>
                    <p>苏州有楼盘9个月房价翻倍 开发商称涨价有理有据</p>
                </div>
            </div>
        </div>
        <div class="content_mid">
            <div class="content_title">
                <h2>热门活动</h2><span><a href="#">more</a></span>
            </div>
            <div class="content_activity">
                <img src="images/4.jpg" alt=""/>
                <ul>
                    <li><a href="#">#百度外卖黑作坊#</a></li>
                    <li><a href="#">#太阳的后裔#</a></li>
                    <li><a href="#">#鹿晗Reloaded演唱会#</a></li>
                    <li><a href="#">#年度偶像易烊千玺独揽三冠#</a></li>
                    <li><a href="#">#第十六届音乐风云榜年度盛典#</a></li>
                </ul>
            </div>
        </div>
        <div class="content_right">
            <div class="content_title">
                <h2>联系我们</h2><span><a href="#">more</a></span>
            </div>
            <div class="content_contact">
                <p> 客户服务</br>
                    24小b时全国服务热线：400-788-3333</br>
                    客户服务邮箱： MZ_KF@meizu.com</br>
                    售后维修邮递信息：珠海市唐家湾高新区留诗路2号厂房1楼，519085，赵胜，400-788-3333</br></br>
                    媒体垂询、公关传播</br>
                    联系邮箱：PR@meizu.com
                </p>
            </div>
        </div>
    </div><!--content结束-->
    <div id="footer">
        <p>陈光炜&nbsp&nbsp&nbsp2016年4月10日  &nbsp&nbspcopyright：华南农业大学</p>
    </div><!--footer结束-->
    
</div><!--container结束-->
</body>
</html>